<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ include file="/commons/jsp/taglibs.jsp"%>
<%@taglib uri="http://www.framework.com/taglib" prefix="frame"%>
<HEAD>
<TITLE>weboffice展示</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="${ctx}/word_plugin/style.css"></link>

<link rel="stylesheet" href="${ctx}/word_plugin/viewer.min.css">
<style>
* { margin: 0; padding: 0;}
#dowebok { width: 700px; margin: 0 auto; font-size: 0;}
#dowebok li { display: inline-block; width: 32%; margin-left: 1%; padding-top: 1%;}
#dowebok li img { width: 100%;}
</style>
<script type="text/javascript" src="${ctx}/commons/js/jquery-1.8.0.min.js"></script>
<script src="${ctx}/word_plugin/viewer.min.js" type="text/javascript"></script>
<script src="${ctx}/word_plugin/viewer-jquery.min.js"></script>

</HEAD>
<body>

	<ul id="dowebok">
		<li><img data-original="${ctx }/${filepath}" src="${ctx }/${filepath}" alt="图片1"></li>
	</ul>
	
	<script>
	//alert("img is now");
		$(function() {
			$('#dowebok').viewer({
				url: 'data-original',
			});
		});
	</script>
</body>
</html>